<!-- 组合式风格编程 -->
<!-- javascript js -->
<script setup>
import {ref, reactive, computed} from 'vue'
//import {ref,reactive,onMounted,watch,onUnmounted,computed} from 'vue'
//import index from './views/Index.vue'
const msg = ref('hello world')

</script>

<!-- html template -->
<template>
  <h3>{{ msg }}</h3>
</template>

<!-- css style -->
<style scoped>
h3 {
  padding: 16px;
  color: purple;
}

</style>
